﻿<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>Coupons</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">

    <!-- Le styles -->
    <link href="./assets/css/bootstrap.css" rel="stylesheet">
    <style>
      body {
        padding-top: 60px; /* 60px to make the container go all the way to the bottom of the topbar */
      }
    </style>
    <link href="./assets/css/bootstrap-responsive.css" rel="stylesheet">
    <link href="./assets/js/google-code-prettify/prettify.css" rel="stylesheet">

    <link href="./content/css/apply.css" rel="stylesheet">
    <!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
    <!--[if lt IE 9]>
      <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->

    <!-- Le fav and touch icons -->
    <link rel="shortcut icon" href="./assets/ico/favicon.ico">
    <link rel="apple-touch-icon-precomposed" sizes="144x144" href="./assets/ico/apple-touch-icon-144-precomposed.png">
    <link rel="apple-touch-icon-precomposed" sizes="114x114" href="./assets/ico/apple-touch-icon-114-precomposed.png">
    <link rel="apple-touch-icon-precomposed" sizes="72x72" href="./assets/ico/apple-touch-icon-72-precomposed.png">
    <link rel="apple-touch-icon-precomposed" href="./assets/ico/apple-touch-icon-57-precomposed.png">
  </head>

  <body>

    <div class="navbar navbar-fixed-top">
      <div class="navbar-inner">
        <div class="container">
          <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </a>
          <a class="brand" href="#"><img src="./content/img/base/logo.png"/></a>
          <div class="nav-collapse">
            <ul class="nav">
              <li class="active"><a href="#">首页</a></li>
              <li><a href="#about">优惠券</a></li>
              <li><a href="#about">折扣商品</a></li>
              <li><a href="#about">租房信息</a></li>
              <li><a href="#contact">跳蚤市场</a></li>
              <li><a href="#contact">商家</a></li>
              <li><a style="width:260px;background-color:transparent;"></a></li>
              <li><button class="btn btn-primary"><i class="icon-user icon-white"></i>&nbsp;登陆</button></li>
            </ul>
          </div><!--/.nav-collapse -->
        </div>
      </div>
    </div>

    <div class="container" style="margin-top:50px;">
        <div class="row">
            <div class="span9">
                <div class="row">
                    <div class="page-header">
                        <h1>
                            <a href="#sd">优惠券</a>
                            <small>各种优惠券都在这里啦！</small>
                        </h1>
                    </div>
                    <div class="tabbable">
                        <ul class="nav nav-tabs">
                            <li class="active"><a data-toggle="tab" href="#tab1">最新</a></li>
                            <li><a data-toggle="tab" href="#tab2">最热门</a></li>
                        </ul>
                    </div>
                    <div class="tab-content">
                        <div id="tab1" class="tab-pane active">
                            <ul class="thumbnails">
                                <li class="span2">
                                    <a href="#s"><img src="./content/img/upload/coupon.jpg"/></a>
                                    <p><span class="label label-info">特色:</span>&nbsp;<code>米线、酱香饼、汤包</code>
                                    <span class="label label-info">地址:</span>&nbsp;<code>第三食堂3楼5号窗口</code></p>
                                </li>
                                <li class="span25">
                                <h3 style="margin-bottom:5px;">
                                    <a href="#s" class="brand">胖哥米线买一送一</a>
                                </h3>
                                <span class="badge badge-success">23张</span>
                                <span class="badge badge-warning">3天</span>
                                <p style="height:120px;overflow:hidden;">为回馈广大客户，凡是本周内到胖哥米线店购买米线者，买一送一。大家抓紧机会呀!大家抓紧机会呀!大家抓紧机会呀!大家抓紧机会呀!大家抓紧机会呀!大家抓紧机会呀!大家抓紧机会呀!大家抓紧机会呀!</p>
                                </li>

                                <li class="span2">
                                    <a href="#s"><img src="./content/img/upload/coupon.jpg"/></a>
                                    <p><span class="label label-info">特色:</span>&nbsp;<code>米线、酱香饼、汤包</code>
                                    <span class="label label-info">地址:</span>&nbsp;<code>第三食堂3楼5号窗口</code></p>
                                </li>
                                <li class="span25">
                                <h3 style="margin-bottom:5px;">
                                    <a href="#s" class="brand">胖哥米线买一送一</a>
                                </h3>
                                <span class="badge badge-success">23张</span>
                                <span class="badge badge-warning">3天</span>
                                <p style="height:120px;overflow:hidden;">为回馈广大客户，凡是本周内到胖哥米线店购买米线者，买一送一。大家抓紧机会呀!大家抓紧机会呀!大家抓紧机会呀!大家抓紧机会呀!大家抓紧机会呀!大家抓紧机会呀!大家抓紧机会呀!大家抓紧机会呀!</p>
                                </li>
                            </ul>

                            <ul class="thumbnails">
                                <li class="span2">
                                    <a href="#s"><img src="./content/img/upload/coupon.jpg"/></a>
                                    <p><span class="label label-info">特色:</span>&nbsp;<code>米线、酱香饼、汤包</code>
                                    <span class="label label-info">地址:</span>&nbsp;<code>第三食堂3楼5号窗口</code></p>
                                </li>
                                <li class="span25">
                                <h3 style="margin-bottom:5px;">
                                    <a href="#s" class="brand">胖哥米线买一送一</a>
                                </h3>
                                <span class="badge badge-success">23张</span>
                                <span class="badge badge-warning">3天</span>
                                <p style="height:120px;overflow:hidden;">为回馈广大客户，凡是本周内到胖哥米线店购买米线者，买一送一。大家抓紧机会呀!大家抓紧机会呀!大家抓紧机会呀!大家抓紧机会呀!大家抓紧机会呀!大家抓紧机会呀!大家抓紧机会呀!大家抓紧机会呀!</p>
                                </li>

                                <li class="span2">
                                    <a href="#s"><img src="./content/img/upload/coupon.jpg"/></a>
                                    <p><span class="label label-info">特色:</span>&nbsp;<code>米线、酱香饼、汤包</code>
                                    <span class="label label-info">地址:</span>&nbsp;<code>第三食堂3楼5号窗口</code></p>
                                </li>
                                <li class="span25">
                                <h3 style="margin-bottom:5px;">
                                    <a href="#s" class="brand">胖哥米线买一送一</a>
                                </h3>
                                <span class="badge badge-success">23张</span>
                                <span class="badge badge-warning">3天</span>
                                <p style="height:120px;overflow:hidden;">为回馈广大客户，凡是本周内到胖哥米线店购买米线者，买一送一。大家抓紧机会呀!大家抓紧机会呀!大家抓紧机会呀!大家抓紧机会呀!大家抓紧机会呀!大家抓紧机会呀!大家抓紧机会呀!大家抓紧机会呀!</p>
                                </li>
                            </ul>
                        </div>
                        <div id="tab2" class="tab-pane">c2</div>
                    </div>
                </div><!--coupons-->
                <div class="row">  
                    <div class="page-header">
                        <h1>
                            <a href="#sd">热销商品</a>
                            <small>亲,送货上门，货到付款哦！</small>
                        </h1>                      
                    </div>
                    <ul class="thumbnails">
                        <li class="span23">
                        <a href="#s"><img src="./content/img/upload/ping.jpg"/></a>
                        <h5>【高性价比紧俏单反首选】高规格CMOS、入门级单反革新力作~</h5>
                        <span class="muted"><del>￥98.00</del></span>
                        <span class="badge badge-important">￥98.00</span>
                        </li>


                        <li class="span23">
                        <a href="#s"><img src="./content/img/upload/ping.jpg"/></a>
                        <h5>【高性价比紧俏单反首选】高规格CMOS、入门级单反革新力作~</h5>
                        <span class="muted"><del>￥98.00</del></span>
                        <span class="badge badge-important">￥98.00</span>
                        </li>


                        <li class="span23">
                        <a href="#s"><img src="./content/img/upload/ping.jpg"/></a>
                        <h5>【高性价比紧俏单反首选】高规格CMOS、入门级单反革新力作~</h5>
                        <span class="muted"><del>￥98.00</del></span>
                        <span class="badge badge-important">￥98.00</span>
                        </li>


                        <li class="span23">
                        <a href="#s"><img src="./content/img/upload/ping.jpg"/></a>
                        <h5>【高性价比紧俏单反首选】高规格CMOS、入门级单反革新力作~</h5>
                        <span class="muted"><del>￥98.00</del></span>
                        <span class="badge badge-important">￥98.00</span>
                        </li>
                    </ul>
                    <ul class="thumbnails">
                        <li class="span23">
                        <a href="#s"><img src="./content/img/upload/ping.jpg"/></a>
                        <h5>【高性价比紧俏单反首选】高规格CMOS、入门级单反革新力作~</h5>
                        <span class="muted"><del>￥98.00</del></span>
                        <span class="badge badge-important">￥98.00</span>
                        </li>


                        <li class="span23">
                        <a href="#s"><img src="./content/img/upload/ping.jpg"/></a>
                        <h5>【高性价比紧俏单反首选】高规格CMOS、入门级单反革新力作~</h5>
                        <span class="muted"><del>￥98.00</del></span>
                        <span class="badge badge-important">￥98.00</span>
                        </li>


                        <li class="span23">
                        <a href="#s"><img src="./content/img/upload/ping.jpg"/></a>
                        <h5>【高性价比紧俏单反首选】高规格CMOS、入门级单反革新力作~</h5>
                        <span class="muted"><del>￥98.00</del></span>
                        <span class="badge badge-important">￥98.00</span>
                        </li>


                        <li class="span23">
                        <a href="#s"><img src="./content/img/upload/ping.jpg"/></a>
                        <h5>【高性价比紧俏单反首选】高规格CMOS、入门级单反革新力作~</h5>
                        <span class="muted"><del>￥98.00</del></span>
                        <span class="badge badge-important">￥98.00</span>
                        </li>
                    </ul>
                </div><!--product-->
                <div class="row">
                    <div class="span4 no-margin">
                        <div class="page-header">
                            <h1>
                                <a href="#sd">跳蚤市场</a>
                                <small>不用的东西来这里出售吧</small>
                            </h1>
                        </div>
                        <ul>
                            <li><span><a href="#sdf">闲置自行车出售，给钱就卖了</a></span><span class="pull-right atn">2012-03-04</span></li>
                            <li><span><a href="#sdf">闲置自行车出售，给钱就卖了</a></span><span class="pull-right atn">2012-03-04</span></li>
                            <li><span><a href="#sdf">闲置自行车出售，给钱就卖了</a></span><span class="pull-right atn">2012-03-04</span></li>
                            <li><span><a href="#sdf">闲置自行车出售，给钱就卖了</a></span><span class="pull-right atn">2012-03-04</span></li>
                            <li><span><a href="#sdf">闲置自行车出售，给钱就卖了</a></span><span class="pull-right atn">2012-03-04</span></li>
                            <li><span><a href="#sdf">闲置自行车出售，给钱就卖了</a></span><span class="pull-right atn">2012-03-04</span></li>
                            <li><span><a href="#sdf">闲置自行车出售，给钱就卖了</a></span><span class="pull-right atn">2012-03-04</span></li>
                        </ul>
                    </div>
                    <div class="span4 offset1">
                        <div class="page-header">
                            <h1>
                                <a href="#sd">租房信息</a>
                                <small>学校附近的房子都在这里了</small>
                            </h1>
                        </div> 
                        <ul>
                            <li><span><a href="#sdf">闲置自行车出售，给钱就卖了</a></span><span class="pull-right atn">2012-03-04</span></li>
                            <li><span><a href="#sdf">闲置自行车出售，给钱就卖了</a></span><span class="pull-right atn">2012-03-04</span></li>
                            <li><span><a href="#sdf">闲置自行车出售，给钱就卖了</a></span><span class="pull-right atn">2012-03-04</span></li>
                            <li><span><a href="#sdf">闲置自行车出售，给钱就卖了</a></span><span class="pull-right atn">2012-03-04</span></li>
                            <li><span><a href="#sdf">闲置自行车出售，给钱就卖了</a></span><span class="pull-right atn">2012-03-04</span></li>
                            <li><span><a href="#sdf">闲置自行车出售，给钱就卖了</a></span><span class="pull-right atn">2012-03-04</span></li>
                            <li><span><a href="#sdf">闲置自行车出售，给钱就卖了</a></span><span class="pull-right atn">2012-03-04</span></li>
                        </ul>
                    </div>
                </div><!--info-->
            </div><!--span10-->
            <div class="span3">
                <div class="well">
                    <p><a href="#sdfsd" class="str"><strong>欢迎回来，justrun!</strong></a></p>
                    <p>
                        <a href="#sdf"><i class="icon-asterisk"></i>&nbsp;管理中心</a>
                        <a href="#sdf"><i class="icon-gift"></i>&nbsp;优惠券</a>
                        <a href="#sdf"><i class="icon-shopping-cart"></i>&nbsp;订单</a>
                    </p>
                </div>

                <div class="well">
                    <p><a href="#sdfsd" class="str"><strong>大家好</strong></a></p>
                    <p>
                        <span class="label label-important">我爱帮</span>
                        <span>是一个面向山大(威海)的一个消费信息平台，它是由一群有激情和梦想的山大学子创建的，虽然网站很小，刚刚起步，但是却承载了我们的梦想!</span>
                    </p>
                    <p>希望能尽我们的微薄之力，为你带来方便和实惠.</p>
                </div>

                <div class="well">
                    <p><a href="#sdfsd" class="str"><strong>网站公告</strong></a></p>
                    <ul>
                    <li><a href="#fsdf">我爱帮网与2012年9月17日上线了！</a></li>
                    <li><a href="#fsdf">我爱帮网与2012年9月17日上线了！</a></li>
                    <li><a href="#fsdf">我爱帮网与2012年9月17日上线了！</a></li>
                    <li><a href="#fsdf">我爱帮网与2012年9月17日上线了！</a></li>
                    <li><a href="#fsdf">我爱帮网与2012年9月17日上线了！</a></li>
                </div>
            </div>
        </div>
   
    </div> <!-- /container -->
     <div class="row foot">
         <div class="footwrapper">
            <div class="span2 no-margin">
                <h5>关于优惠券</h5>
                <ul class="no-margin">
                    <li><a href="#sf">优惠券使用</a></li>
                    <li><a href="#sf">优惠券使用</a></li>
                    <li><a href="#sf">优惠券使用</a></li>
                    <li><a href="#sf">优惠券使用</a></li>
                </ul>
            </div>
            <div class="span2">
                <h5>商品付款及配送</h5>
                <ul class="no-margin">
                    <li><a href="#sf">优惠券使用</a></li>
                    <li><a href="#sf">优惠券使用</a></li>
                    <li><a href="#sf">优惠券使用</a></li>
                    <li><a href="#sf">优惠券使用</a></li>
                </ul>
            </div>
            <div class="span2">
                <h5>合作共赢</h5>
                <ul class="no-margin">
                    <li><a href="#sf">优惠券使用</a></li>
                    <li><a href="#sf">优惠券使用</a></li>
                    <li><a href="#sf">优惠券使用</a></li>
                    <li><a href="#sf">优惠券使用</a></li>
                </ul>
            </div>
            <div class="span2">
                <h5>关于我们</h5>
                <ul class="no-margin">
                    <li><a href="#sf">优惠券使用</a></li>
                    <li><a href="#sf">优惠券使用</a></li>
                    <li><a href="#sf">电话:1348243258</a></li>
                    <li><a href="#sf">优惠券使用</a></li>
                </ul>
            </div>
        </div>
    </div>
    <!-- Le javascript
    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->
    <script src="./assets/js/jquery.js"></script>
    <script src="./assets/js/bootstrap-transition.js"></script>
    <script src="./assets/js/bootstrap-alert.js"></script>
    <script src="./assets/js/bootstrap-modal.js"></script>
    <script src="./assets/js/bootstrap-dropdown.js"></script>
    <script src="./assets/js/bootstrap-scrollspy.js"></script>
    <script src="./assets/js/bootstrap-tab.js"></script>
    <script src="./assets/js/bootstrap-tooltip.js"></script>
    <script src="./assets/js/bootstrap-popover.js"></script>
    <script src="./assets/js/bootstrap-button.js"></script>
    <script src="./assets/js/bootstrap-collapse.js"></script>
    <script src="./assets/js/bootstrap-carousel.js"></script>
    <script src="./assets/js/bootstrap-typeahead.js"></script>

  </body>
</html>
